 #{extends 'Application/master.html'/} 
 #{set title:'关于凌云鑫' /}


<link rel="stylesheet" href="@{'/public/plugins/layui/css/layui.css'}" media="all">
<script src="@{'public/plugins/layui/layui.js'}"></script>
<script src="@{'public/js/jquery-2.1.4.min.js'}"></script>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
    <style type="text/css">
    #dt_con{position: relative; }
    #container{position:relative;}
    
            </style>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.0&key=d3c26293069b9a3343b3e1e0b5e03d50&plugin=AMap.Transfer"></script>

<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>

	<div class="h_bg">
		<div class="head clearfix">
			<div class="logo">
				<div class="bg_a">&nbsp;</div>
				<a href="/index"><img src="@{'public/Assets/images/logo.png'}"
					alt="" /></a>
			</div>
			<div class="head_r">
				<div class="tel">${companyInfo.get('companyTelephone')}&emsp;&emsp;</div>

				<div class="nav clearfix">
					<a href="/index" >网站首页</a> 
					<a href="/product">产品展示</a> 
					<a href="/brand">品牌优势</a> 
					<a href="/news">新闻动态</a>
					<a href="/about" class="now">关于我们</a> 
					<a href="/about"> &emsp; </a>
				</div>
			</div>
		</div>
	</div>
<!--幻灯片-->
<div class="banner banner_s">
	<img src="@{'public/Assets/upload/banner_b.jpg'}" alt="" />
</div>
<!--幻灯片-->
<!--主体盒子-->
<div class="scd_bg">
	<div class="scd clearfix">
		<div class="s_head clearfix">
			<a href="" class="on">关于我们</a> <a href="javascript:comInfo();">联系我们</a> <a   href="javascript:email();"  >在线留言</a>
			<div class="pst">
				<a href="/index">首页</a> - <a href="">关于我们</a>
			</div>
		</div>
		<div class="scd_m clearfix">
			<dl class="about clearfix">
				<dt id ="dt_con">
					<div id="container" style="width: 450px;height: 400px"><input type="text"></div>
				</dt>
				<dd>
					<h1 style="font-size: 16px; margin-bottom: 20px;">《${companyInfo.get('companyName')}》</h1>
					#{list asList , as:'peo'}
					<p style="text-indent: 2em; margin-bottom: 15px;">${peo}</p>
					#{/list}
				</dd>
			</dl>
		</div>
	</div>
</div>
<script>
	layui.use('element', function(){
	  var element = layui.element;
	  
	});
	
	layui.use(['layer', 'form'], function(){
		  var layer = layui.layer
		  ,form = layui.form;
	});
	
	layui.use('table', function(){
	  var table = layui.table;
	  
	});
	
	 function email(){
		 layer.open({
			  type: 1,
			  title:"信息",
			  content: $('.edit-innerWarning'),
			  area: ['400px', '']
			});	
	 }
	//关闭弹窗
	function  close(){
		layer.closeAll()	 
	}
	function sendEmail(){
		var data=$("#SendEmailId").serialize();
		 $.ajax({
			 	url: "@{Application.SendEmail()}",
				type: "GET",
				async:false,
				data:data,
				dataType: "text",
				success: function(data) {
					if(data=="true"){
						 layer.confirm('邮件发送成功！</br>', {
						        btnAlign: 'c',
						        btn: ['确定']
					      },function() {
					    	  close();
					      }); 
					}else{
						layer.alert("邮件发送失败!");
					}
				},
				error: function(data) {
					layer.alert("您的账户可能出现异常，请重新刷新获取账号信息!");
				}
	  	})
		
	}
	function comInfo(){
		 layer.open({
			  type: 1,
			  title:false, shadeClose:true,
			  content: $('.edit-comInfo'),
			  area: ['400px', '']
			});	
	}
	
</script>

<script type="text/javascript">
    var map = new AMap.Map("container", {
        resizeEnable: true,
        center: [116.40, 39.91],
        zoom: 13 
    });
    var transOptions = {
        map: map,
        city: '北京市',
        panel: 'panel',                           
        policy: AMap.TransferPolicy.LEAST_TIME //乘车策略
    };
  
</script>

<div class="edit-innerWarning" hidden="hidden"
		style="padding: 17px 0 20px 30px;">
	<form class="layui-form" action="" id="SendEmailId">
		<div class="layui-form-item layui-block">
			<label class="layui-form-label">名称</label>
			<div class="layui-input-inline">
				<input id="editName" type="text" name="mQuery.name" required
					lay-verify="required" placeholder="必填项" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item layui-block">
			<label class="layui-form-label">手机号</label>
			<div class="layui-input-inline">
				<input id="editName" type="text" name="mQuery.phone" required
					lay-verify="required" placeholder="必填项" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item layui-block">
			<label class="layui-form-label">邮箱</label>
			<div class="layui-input-inline">
				<input id="editName" type="email" name="mQuery.email" required
					lay-verify="required" placeholder="必填项" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item layui-block">
			<label class="layui-form-label">邮箱内容</label>
			<div class="layui-input-inline">
				 <textarea name="mQuery.messages" placeholder="请输入内容" class="layui-textarea"></textarea>
			</div>
		</div>
		

		<div class="operate-btn"  style="text-align: center;">

			<a href="javascript:sendEmail()" class="layui-btn layui-btn-small">确认</a>
			<a href="javascript:close();"
				class="layui-btn layui-btn-primary layui-btn-small">取消</a>
		</div>
	</form>
	</div>
	
	<div class="edit-comInfo" hidden="hidden"
		style="padding: 17px 0 20px 30px;">
		<b>公&nbsp;司&nbsp;名&nbsp;称:</b><label style="margin-left: 10px">${companyInfo.get('companyName')}</label><br/><br/>
		<b>公&nbsp;司&nbsp;电&nbsp;话:</b><label style="margin-left: 10px">${companyInfo.get('companyTelephone')}</label><br/><br/>
		<b>公&nbsp;司&nbsp;微&nbsp;信:</b><label style="margin-left: 10px">${companyInfo.get('companyWxName')}</label><br/><br/>
		<b>公&nbsp;司&nbsp;传&nbsp;真:</b><label style="margin-left: 10px">${companyInfo.get('companyTelephone')}</label><br/><br/>
	</div>
